html, body { background-color: #2b2b2b; color: #A9B7C6}
.srf-root, .sri-root, .invocation-panel {
    color: #aaa; background-color: #444;
}
.srf-root:hover, .sri-root, .invocation-panel, .about-root, .dialog-root.with-shadow, #result-panel {box-shadow: 2px 2px 10px #088;}
.srf-root>li:hover {background-color: #555}
.srf-title-desc {color: #7f7f7f;}
/*.srf-dlg-desc {border-bottom: 1px solid #666;}*/
.sri-items tr:hover {background-color: #555;}

.bordered { border-color: #666 }

.mask {position: fixed; background-color: #333; opacity: .65; z-index: 888; left:0; top: 0}
#game-panel {background-color: #333; border:1px solid #666;}
canvas {background-color: #333;}
#panel {border-color:#ccc;}
.button {color: #fff;}
.button.start { background-color: darkgreen }
.button.pause { background-color: darkgoldenrod}
.button.cancel { background-color: steelblue}
#menu-bar {border-bottom-color:#666; color: #aaa;}
.ns-finder {color: #aaa; background: #555555;border-color:#555;}
#logger {background: #008888;}
.about-root {border-color:#3b3b3b;background: #2b2b2b;color: #999;}
.dw-info a { color: #aaa;}
.dialog-root, .floating-panel {background: #2b2b2b;border-color: #3b3b3b;color:#A9B7C6;}
.dialog-header, .srf-dlg-desc {border-bottom-color:#666;}
.dialog-foot {border-top-color:#666;}
.plain, .plain:hover {color:#A9B7C6}
.srf-items li a:hover, .srf-items li a.active { background-color: #444}
.colored-icon {color: #d4237a;}
.cai-method {border-color:#666;}
.description {color: #8c8c8c;}
.err-msg {color: #F56C6C}
input[type=text].param-field, textarea.param-field {background-color: #3b3b3b; border-color: #444; color:#A9B7C6;}
input[type=text].param-field.error, textarea.param-field.error {border-color: #F56C6C;}

.scrollable:hover::-webkit-scrollbar-track { background: #333; }
.scrollable:hover::-webkit-scrollbar-thumb { background: #666; }

.scroll-wrapper::-webkit-scrollbar-track { background: #333; }
.scroll-wrapper::-webkit-scrollbar-thumb { background: #666; }
.scroll-wrapper::-webkit-scrollbar-corner {background: #3f3f3f;}
.scroll-wrapper::-webkit-scrollbar-thumb:hover { background: #666; }
.scroll-wrapper::-webkit-scrollbar-thumb:active { background: #666; }

pre {background-color: #2b2b2b; color:#A9B7C6;}
.dialog-close-button {color: #999;}
.dialog-close-button:hover {color: #999}
.theme-item a:hover, .theme-item.active a {background-color: #444}
.dropdown-menu, .dropdown-divider {background-color: #2b2b2b; border-color: #6a6a6a; color:#BBB}
.dropdown-item {color:#BBB; cursor: pointer}
.dropdown-item:hover {background-color: #444; color: #bbb;}

.clickable.plain {color:#999}
.null-value {color: #555}

.text-danger { color: #f76767 !important; }